
/** @type {HTMLElement}*/ 
let div1 = document.querySelector('#div1'); 
/** @type {HTMLElement}*/ 
let div2 = document.querySelector('#div2'); 
/** @type {HTMLElement}*/ 
let div3 = document.querySelector('#div3');

div1.addEventListener('click', function (e) {
     console.log(e.target);
     console.log('div1 click事件响应'); 
    });
div2.addEventListener('click', function (e) { 
    console.log(e.target); 
    console.log('div2 click事件响应'); 
});
div3.addEventListener('click', function (e) {
     console.log(e.target); 
     console.log('div3 click事件响应');
// e.stopPropagation(); 
}); 
document.addEventListener('click', function (e) {
     console.log(e.target); 
     console.log('document click事件响应'); 
    });